<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/inex.css">
</head>
<body>
    <!-- 头部开始 -->
    <div class="header">
        <div class="wrapper">
            <div>
                <img src="../images/logo.jpg">
                <div class="top fr">
                    欢迎光临
                    <span>乐购</span>，
                    请 &emsp;登录\
                    <span>注册</span>
                    </div>
            </div> 
        </div>        
    </div>
    <div class="wrapper t1 clearfix">
        <div class="t3 fr">
            我的订单
          </div>
        <div class="t2 fr">
            <i></i>
           <span>购物车  3</span>
        </div>
         <span class="jl1 fr"></span>
        <input type="text" value="创意文具" class="fr">
        </div>
        <div class="wrapper fenlei">
          <ul class="fr">
              <li>图书</li>
              <li>电子书</li>
              <li>原创文学</li>
              <li>服装</li>
              <li>户外运动</li>
              <li>孕婴装装</li>
              <li>家具</li>
              <li>创意文具</li>
              <li>地方特产</li>
              <li>海外购</li>
              <li>电器城</li>
          </ul>
      </div>
      <div class="clear"></div>
    </div>
    <!-- 头部结束 -->
    <!-- 广告轮播开始 -->
    <div class="wrapper clearfix">
       <div class="zuolun fl">
           <p>图书、电子书、童书</p>
           <p>创意文具</p>
           <p>服饰、内衣</p>
           <p>鞋靴、箱包</p>
           <p>运动户外</p>
           <p>孕、婴、童</p>
           <p>家居、家纺、汽车</p>
           <p>家具、家装、康体</p>
           <p>美妆、个人护理、成人</p>
           <p>食品、茶酒、生鲜</p>
           <p>腕表、珠宝、眼镜</p>
           <p>手机、数码</p>
           <p>电脑办公</p>
           <p>家用电器</p>
       </div>
       <div class="box fr">
        <div class="img">
            <img src="../images/banner1.jpg" alt="">
            <img src="../images/banner2.jpg" alt="">
            <img src="../images/banner3.jpg" alt="">
            <img src="../images/banner4.jpg" alt="">
            <img src="../images/banner5.jpg" alt="">
       </div>
       <div class="dot">
        <span>1</span>
        <span>2</span>
        <span>3</span>
        <span>4</span>
        <span>5</span>
      </div>
      </div>
    </div>
    <!-- 广告轮播结束 -->
    <!-- 今日推荐开始 -->
      <div>
           <div class="warpper">
      </div>
      
           <div>
               <img src="" alt="">
               <img src="" alt="">
               <p></p>
               <p></p>
               <p></p>
           </div>
           <div>
            <img src="" alt="">
            <img src="" alt="">
            <p></p>
            <p></p>
            <p></p>
            </div>
            <div>
                <img src="" alt="">
                <img src="" alt="">
                <p></p>
                <p></p>
                <p></p>
            </div>
            <div>
                <img src="" alt="">
                <img src="" alt="">
                <p></p>
                <p></p>
                <p></p>
            </div>
            <div>
                <img src="" alt="">
                <img src="" alt="">
                <p></p>
                <p></p>
                <p></p>
            </div>
            <div>
                <img src="" alt="">
                <img src="" alt="">
                <p></p>
                <p></p>
                <p></p>
            </div>
            <div>
                <img src="" alt="">
                <img src="" alt="">
                <p></p>
                <p></p>
                <p></p>
            </div>
            <div>
                <img src="" alt="">
                <img src="" alt="">
                <p></p>
                <p></p>
                <p></p>
            </div>
            <div>
                <img src="" alt="">
                <img src="" alt="">
                <p></p>
                <p></p>
                <p></p>
            </div>
            <div>
                <img src="" alt="">
                <img src="" alt="">
                <p></p>
                <p></p>
                <p></p>
            </div>
            <div>
                <img src="" alt="">
                <img src="" alt="">
                <p></p>
                <p></p>
                <p></p>
            </div>
            <div>
                <img src="" alt="">
                <img src="" alt="">
                <p></p>
                <p></p>
                <p></p>
            </div>
       </div> -->
    <!-- 今日推荐结束 -->
    <!-- 电子书开始 -->
    <!-- 电子书结束 -->
    <!-- 服装开始 -->
    <!-- 服装结束 -->
    <!-- 户外运动开始 -->
    <!-- 户外运动结束 -->
    <!-- 童装开始 -->
    <!-- 童装结束 -->
    <!-- 家具日用开始 -->
    <!-- 家具日用结束 -->
    <!-- 推广商品 -->
    <!-- 推广结束 -->
    <!-- 页脚开始 -->
    <div class="food">
        <div class="xian1"></div>
        <div class="jiao1">
            <div class="jiao2 wrapper clearfix">
              <ul class="fl">
                <li class="dp1"></li>
                <li class="dp2"></li>
                <li class="dp3"></li>
                <li class="dp4"></li>
              </ul>
            </div>
        </div>
    </div>
    <div class="footer wrapper ">
           <ul>
               <h2>购物指南</h2>
               <li>购物流程</li>
               <li>发票制度</li>
               <li>账户管理</li>
               <li>会员优惠</li>
           </ul>
           <ul>
            <h2>支付方式</h2>
            <li>货到付款</li>
            <li>网上支付</li>
            <li>礼品卡支付</li>
            <li>银行转账</li>
        </ul>
        <ul>
            <h2>订单服务</h2>
            <li>订单配送查询</li>
            <li>订单状态说明</li>
            <li>自助取消订单</li>
            <li>自助修改订单</li>
        </ul>
        <ul>
            <h2>退换货</h2>
            <li>退换货政策</li>
            <li>自助申请退换货</li>
            <li>退换货进度查询</li>
            <li>退款方式和时间</li>
        </ul>
        <ul>
            <h2>商家服务</h2>
            <li>商家中心</li>
            <li>运营服务</li>
            <li>加入尾品汇</li>
        </ul>
        <img class="fl" src="../images/logo_00.png" alt="">
    </div>
    <div class="di1">
        <ul class="clearfix wrapper">
            <li>公司简介</li>
            <li>lnvestor Relations</li>
            <li>网站联盟</li>
            <li>乐购招商</li>
            <li>机构销售</li>
            <li>手机乐购</li>
            <li>官方Blog</li>
            <li style="border: none;">热词搜索</li>
        </ul>
        <p>Copyright&nbsp;&nbsp;&nbsp;(C)&nbsp;&nbsp;&nbsp;乐购网&nbsp;&nbsp;
            2004-2016.&nbsp;&nbsp;&nbsp;
            All&nbsp;&nbsp; Reserved</p>
    </div>
    <!-- 页脚结束 -->

</body>
</html> 